<html>

<head>
    <meta charset="UTF-8">
    <title>水的三种形态</title>
    <link rel="stylesheet" href="main.css">
    <style>
    p {
        text-indent: 2em;
        font-size: 16px;
        line-height: 1.5;
    }
    </style>
</head>

<body>
    <h1>水的三种形态</h1>
    <h2>固态</h2>
    <p>包括冰、雪、霜、冰雹。</p>
    <h2>液态</h2>
    <p>包括云、雨、雾、露。</p>
    <h2>气态</h2>
    <p style="text-indent: 0;">主要是水蒸气。</p>
    <h2 class="green" id="title01">水循环过程</h2>
    <ul>
        <li><a href="https://baike.baidu.com/item/%E6%B5%B7%E9%99%86%E9%97%B4%E5%BE%AA%E7%8E%AF/3650531">海洋与陆地之间的循环</a></li>
        <li><a href="https://baike.baidu.com/item/%E9%99%86%E5%9C%B0%E5%86%85%E5%BE%AA%E7%8E%AF/4436170?fr=aladdin">陆地与陆地上空之间的循环</a></li>
        <li><a href="https://baike.baidu.com/item/%E6%B0%B4%E5%BE%AA%E7%8E%AF/2862091?fr=aladdin">海洋与海洋上空之间的循环</a></li>
    </ul>
</body>

</html>